<template>
  <div class="category">
    <h3>{{title}}分类</h3>
    <!-- 默认插槽 -->
    <slot name="center">我是一些默认值</slot>
    <slot name="footer">我是一些默认值</slot>
  </div>
</template>

<script>
  export default {
    name:'Category',
    props:['title']
  }
</script>

<style>
  .category {
    background-color: deepskyblue;
    width:200px;
    height: 300px;
  }
  h3 {
    background-color: orange;
    text-align: center;
  }
  img {
    width:100%
  }
  video {
    width: 100%;
  }
</style>